路由的跳转与传值

您所在的位置:网站首页 Android 路由跳转 如何通过路由找到对应界面 路由的跳转与传值

路由的跳转与传值

2023-06-23 14:13| 来源: 网络整理| 查看: 265

小程序路由跳转方式: 

    1, 声明式navigator跳转     非tabbar跳转     非tabbar跳转     tabbar跳转     任意跳转     返回上一页     退出小程序

    2, 编程式导航跳转   非tabbar跳转 和 tabbar跳转     保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面,使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层     wx.navigateTo({       url: '/pages/event/event',     })     跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面     wx.switchTab({       url: '/pages/douyu/douyu',     })     关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面     wx.redirectTo({       url: '/pages/grammar/grammar',     })     关闭所有页面,打开到应用内的任意一个页面     wx.reLaunch({       url: '/pages/event/event',     })

小程序路由传值方式        1, url路径拼接传值   wx.navigateTo, 和 wx.redirectTo 和  wx.reLaunch 可以传值     发     wx.navigateTo({       url: '/pages/camera/camera?name=wuyifan&age=20',     })     接     onLoad(options){        console.log("camera1", options)         }

    2, 自定义事件传值, 类似于vue中的bus总线传值, 只有wx.navigateTo这个API可以这样传     在跳转成功回调中使用res.eventChannel.emit发射自定义事件传值         发     wx.navigateTo({       url: '/pages/camera/camera',       success: res=>{         res.eventChannel.emit("myEvent", {name:'wuyifan'})       }     })     接      onLoad(options){         // 获取eventChannel对象(类似于vue中的bus对象), 接收自定义事件传值         var eventChannel = this.getOpenerEventChannel()         eventChannel.on("myEvent", data=>{              console.log("camera2", data)         })     },    



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3